<template>
	<div>
		<van-tabs v-model="activeName">
			<van-tab title="商品详情" name="a">
				<div class="wp96 m-center  show-goods" v-html="info.g_details" v-if="info">
					<!-- 详情页面 -->
					<!-- <Goodsdetails></Goodsdetails> -->
				</div>
			</van-tab>
			<van-tab title="买家口碑" name="b"><div class="wp96 m-center goods-eval">
				<Goodsevaluate></Goodsevaluate>
				<div class="notice_more">更多评价</div>
			</div></van-tab>
			<van-tab title="购买须知" name="c"><Goodsnotice></Goodsnotice></van-tab>
		</van-tabs>
	</div>
</template>

<script>
	import Vue from 'vue';
	import Goodsdetails from './goodsDetails.vue'
	import Goodsevaluate from './goodSevaluate.vue'
	import Goodsnotice from './goodsNotice.vue'
	import {
		Tab,
		Tabs
	} from 'vant';

	Vue.use(Tab);
	Vue.use(Tabs);
	export default {
		data() {
			return {
				activeName: 'a',
			};
		},
		components:{
			Goodsdetails,Goodsevaluate,Goodsnotice
		},
		props:{
			info:[]
		}
	};
</script>

<style>
	.van-tabs{
		background: #fff;
	}
</style>
